<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home</title>
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/header.css">
    <link rel="stylesheet" href="./css/index/home.css">
    <!-- <link rel="stylesheet" href="./css/common/footer.css"> -->
    <link rel="stylesheet" href="./css/common/slider.css">
    <script src="./lib/jquery.js"></script>
    <script src="./js/index/home.js"></script>

    <script>


    </script>
</head>

<body>
    <!-- 头部开始 -->
    <header class="header clearfix">

        <!-- 顶部 -->
        <div class="top">
            <div class="wrapper">
                <span>
                    乐购www.legou.com
                </span>
                <span>
                    欢迎光临乐购 &nbsp; 请 <span>登录 | 注册</span>
                </span>
            </div>
        </div>
        <!-- 导航栏 -->
        <nav class="nav-t">
            <section class="nav wrapper">

                <section class="logo">

                </section>

                <section class="header-desc">
                    <div class="top-t clearfix">
                        <div class="search">
                            <input type="text" placeholder="请输入搜索的商品名字">
                            <button></button>
                        </div>
                        <div class="car">
                            <b>购物车</b>
                            <span>0</span>
                        </div>

                        <div class="order">
                            我的订单
                        </div>
                    </div>

                    <div class="option">
                        <ul>
                            <li>图书</li>
                            <li>电子书</li>
                            <li>原创文学</li>
                            <li>服装</li>
                            <li>运动户外</li>
                            <li>孕婴童</li>
                            <li>家具</li>
                            <li>创意文具</li>
                            <li>地方特产</li>
                            <li>海外购</li>
                            <li>电器城</li>
                        </ul>
                    </div>

                </section>
            </section>

        </nav>
    </header>
    <div class="clear"></div>
    <!-- 头部结束 -->

    <!-- 导航栏 -->
    <nav class="nav-t" id="tops">
        <section class="nav wrapper">
            <section id="logos">
            </section>


        </section>
    </nav>






    <!-- banner 开始 -->
    <div class="banner clearfix wrapper">
        <ul class="category fl">

        </ul>
        <!--轮播开始-->
        <div class="pptbox fl" id="bannerInner">
            <!--轮播的内容-->
            <ul class="innerwrapper">
                <li>
                    <img src="./img/banner1.jpg" />
                </li>
                <li>
                    <a href="#"></a><img src="./img/banner2.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner3.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner4.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner5.jpg" /></a>
                </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>

    </div>


    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>




    <!-- banner 开始 -->
    <!--轮播结束-->
    <script src="lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--插件库-->
    <script src="lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        //主轮播图
        $("#bannerInner").tyslide({
            boxh: 420,//盒子的高度
            w: 1000,//盒子的宽度
            h: 390,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 20,//控制按钮高度
            radius: 5,//控制按钮圆角度数
            controlsColor: "#d7d7d7",//普通控制按钮的颜色
            controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
            isShowNum: true //是否显示数字
        });
    </script>
</body>

</html>